<template>
	<div class="detail-wrapper">
		<detail-name :name="name"></detail-name>

		<detail-stars :starNum="starNum" :score="score"></detail-stars>

		<detail-address :address="address">
		</detail-address>

		<detail-price :price="price">
		</detail-price>

		<detail-service :service="service">
		</detail-service>
	</div>
</template>

<script>
import DetailName from './Sub/Name';
import DetailStars from './Sub/Stars';
import DetailAddress from './Sub/Address';
import DetailPrice from './Sub/Price';
import DetailService from './Sub/Service';

export default {
	name: 'DetailKtv',
	components: {
		DetailName,
		DetailStars,
		DetailAddress,
		DetailPrice,
		DetailService
	},
	props: {
		name: String,
		starNum: Number,
		score: String,
		address: String,
		price: Number,
		service: Object
	}
}
</script>

<style lang="scss" scoped>

</style>
